/* 
    Copyright (C) 2004, Velocityme Partnership.
    Document   : velocitymeDefault
    Created on : 22 August 2004, 05:33
    Author     : Robert
*/

/* Global styles */
body {font-family: verdana, arial, sans-serif; font-size: small; background-color: #e2dfd6; margin: 0; padding: 0; }

h1.layout { width: 100%;
            text-align: center;
            margin: 0;
            margin-bottom: 2pt;
            color: #8ac;
            background-color: #468;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
            font-weight: bold;
}
h2 { text-align: left;
     color: #8ac;
     font-weight: bold;
}

a { color: #246;
    text-decoration: none;
}
a:hover { color: #000;
          background-color: #888;
}

/* Don't put borders around linked images */
a img {border: none;
}

/* Style information for a menu list */
div.menu { float: left;
           width: 100%;
           color: #8ac;
           background-color: #468;
           border-bottom: 1px solid #000;
}
#nav, #nav ul {
	float: left;
        width: 30em;
	list-style: none;
	line-height: 1;
        color: white;
	background-color: #468;
	padding: 0;
	margin: 0 0 1em 0;
}
#nav a { /* all links */
	display: block;
	color: white;
	text-decoration: none;
	padding: 0.1em 0.5em;
}
#nav span.enabled { /* menu headings */
	display: block;
	padding: 0.1em 0.5em;
        border-right: 1px solid #e2dfd6;
}
#nav span.disabled { /* disabled items */
	display: block;
	padding: 0.1em 0.5em;
        color: #bbb;
}
#nav li { /* the menu items */
	float: left;
	padding: 0;
}
#nav li ul { /* the sub-menu list */
	position: absolute;
	left: -999em;
	height: auto;
	width: 13em;
	margin: 0;
        border: 1px solid #e2dfd6;
}
#nav li li { /* the width of the sub-menu items */
	width: 13em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li:hover a:hover, #nav li.sfhover a:hover {
        color: #000;
	background-color: #8ac;
}

/* Style information for a navigation list */
div.toolbar { float: left;
              width: 100%;
              background-color: #8ac;
}
ul.toolList { padding: 0; 
              margin: 0;
              list-style-type: none;
              float: left;
              width: 100%;
              background-color: #8ac;
}
ul.toolList li { display: inline;
}
ul.toolList li.enabled a { background-color: #8ac;
                           float: left;
                           padding: 0.1em;
                           margin: 0.1em;
                           text-decoration: none;
                           border: 1px solid #fff;
}
ul.toolList li.enabled a:hover { color: #fff;
                                 background-color: #ace;
}
ul.toolList li.disabled img { padding: 0.1em;
                              margin: 0.1em;
                              background-color: #468;
                              float: left;
                              border: 1px solid #bbb;
}

/* Style information for a ancestor list */
div.ancestors { float: left;
                width: 100%;
                background-color: #8ac;
                border-bottom: 1pt solid #7f9db9;
                white-space: nowrap;
}
ul.ancestorList { padding: 0;
                  margin: 0;
                  width: 100%;
                  float: left;
                  color: #000;
                  background-color: #fff;
}
ul.ancestorList li { display: inline;
}
ul.ancestorList li a { color: #000;
                       background-color: #fff;
                       float: left;
                       text-decoration: none;
                       padding: 0.1em 0.5em;
                       border-left: 1px solid #888;
}
ul.ancestorList li a:hover { color: #000;
                             background-color: #888;
}
ul.ancestorTabList { padding: 0;
                     margin: 0;
                     list-style-type: none;
                     width: 100%;
                     float: left;
                     color: #000;
                     background-color: #8ac;
                     border-left: 1px solid #7f9db9;
                     border-bottom: 1px solid #7f9db9;
}
ul.ancestorTabList li { display: inline;
}
ul.ancestorTabList li.selected { color: #000;
                         background-color: #fff;
                         float: left;
                         padding: 0.1em 0.1em;
                         border-top: 1px solid #7f9db9;
                         border-right: 1px solid #7f9db9;
                         font-weight: bold;
}

/* Style information for a tab list */
ul.tabList { padding: 0;
             margin: 2pt 0 0 0;
             list-style-type: none;
             width: 100%;
             float: left;
             color: #000;
             background-color: #e2dfd6;
             border-left: 1px solid #7f9db9;
/*             border-bottom: 1px solid #7f9db9;*/
}
ul.tabList li { display: inline;
}
ul.tabList li.selected { color: #000;
                         background-color: #fff;
                         float: left;
                         padding: 0.1em 0.5em;
                         font-weight: bold;
                         border-top: 1px solid #7f9db9;
                         border-right: 1px solid #7f9db9;
}
ul.tabList li.siblings { color: #000;
                         background-color: #ace;
                         float: left;
                         padding: 0.1em 0.5em;
                         font-weight: bold;
                         border-top: 1px solid #7f9db9;
                         border-right: 1px solid #7f9db9;
}
ul.tabList li.linked { color: #000;
                       background-color: #aec;
                       float: left;
                       padding: 0.1em 0.5em;
                       font-weight: bold;
                       border-top: 1px solid #7f9db9;
                       border-right: 1px solid #7f9db9;
}
ul.tabList li.dependencies { color: #000;
                             background-color: #cea;
                             float: left;
                             padding: 0.1em 0.5em;
                             font-weight: bold;
                             border-top: 1px solid #7f9db9;
                             border-right: 1px solid #7f9db9;
}
ul.tabList li.dependants { color: #000;
                           background-color: #eca;
                           float: left;
                           padding: 0.1em 0.5em;
                           font-weight: bold;
                           border-top: 1px solid #7f9db9;
                           border-right: 1px solid #7f9db9;
}
ul.tabList li.bookmarks { color: #8ac;
                         background-color: #468;
                         float: left;
                         padding: 0.1em 0.5em;
                         font-weight: bold;
                         border-top: 1px solid #7f9db9;
                         border-right: 1px solid #7f9db9;
}
ul.tabList li.not-selected a { color: #000;
                               padding: 0.1em 0.5em;
                               float: left;
                               text-decoration: none;
                               border-top: 1px solid #7f9db9;
                               border-right: 1px solid #7f9db9;
}
ul.tabList li.not-selected a:hover { color: #000;
                                     background-color: #888;
}

/* Style information for the child list */
div.children { width: 20%; 
               float: left;
               color: black;
               background-color: #e2dfd6; 
}
#childList, #childList ul { list-style-type: none;
                            list-style-position: inside;
                            float: left;
                            width: 100%;
                            padding: 0.1em;
                            margin: 0;
                            font-style: italic;
                            overflow: hidden;
                            background-color: white;
                            border-top: 1px solid #7f9db9;
                            border-bottom: 1px solid #7f9db9;
}
#childList a { color: black;
               white-space: nowrap;
               font-style: normal;
               text-decoration: none;
}           
#childList a:hover { color: black;
                     background-color: #888;
}
#childList li a span { display: none;
}
#childList li a:hover span { display: inline;
                             font-size: xx-small;
                             position: absolute;
                             overflow: visible;
                             width: auto;
                             height: auto;
                             left: 5em;
                             border: 1px solid #7f9db9;
                             background: #ffc;
}

div.body-content { width: 79%;
                   float: right;
                   background-color: #e2dfd6;
                   /*border-bottom: 1px solid #7f9db9;*/
}
div.body-content-edit { width: 100%;
                        float: left;
                        background-color: white;
                        border-bottom: 1px solid #7f9db9;
                        text-align: center;
}
/* Style information for a navigation list */
ul.navList { padding: 0; 
             margin: 0;
             list-style-type: none;
             width: 100%;
             float: left;
             color: #fff;
             background-color: #68a;
}
ul.navList li { display: inline;
}
ul.navList li.enabled a { color: #fff;
                          background-color: #68a;
                          float: left;
                          padding: 0.1em 0.5em;
                          text-decoration: none;
                          border-right: 1px solid #fff;
}
ul.navList li.enabled a:hover { color: #fff;
                                background-color: #8ac;
}
ul.navList li.disabled { color: #bbb;
                         padding: 0.1em 0.5em;
                         background-color: #68a;
                         float: left;
                         border-right: 1px solid #fff;
}

table.basic {font-size: small; width: 100%; }

div.layout {padding: 0.1em;
            background-color: white;
            float: left;
            width: 100%;
            border-top: 1px solid #7f9db9;
            border-bottom: 1px solid #7f9db9;
}

/* Non-outlined header used for laying out node displays */
table.layout {font-size: small; background: no-repeat top left; float: left; width: 100%; background-color: white;}
th.layout {text-align: right; vertical-align: top; white-space: nowrap; color: #468; }
td.layout {width: 100%;}

/* Outlined tables with grey header */
table.styled {font-size: small; float: left; width: 100%; border-left: 1px solid #9bd; border-top: 1px solid #9bd; background-color: white; }
tr.shaded0 {}
tr.shaded1 {background-color: #cef;}
tr.expired {background-color: red;}
th.styled {font-weight: bold; background-color: #ace; border-right: 1px solid #9bd; border-bottom: 1px solid #9bd;}
td.styled {vertical-align: top; border-right: 1px solid #9bd; border-bottom: 1px solid #9bd;}

/* Non-outlined table for inserting into styled table cells */
table.styled-no-outline {font-size: small; width: 100%;}

table.details {font-size: small; float: left; border-left: 1px solid #9bd; border-top: 1px solid #9bd; background-color: white; }
th.details {font-weight: bold; vertical-align: top; text-align: left; background-color: #cef; border-right: 1px solid #9bd; border-bottom: 1px solid #9bd; white-space: nowrap;}
td.details {vertical-align: top; background-color: #cef; border-right: 1px solid #9bd; border-bottom: 1px solid #9bd; white-space: nowrap;}

span.node-name {font-size: large;}
p.history {padding-top: 0em;}
span.history-date {font-size: smaller; color: #8ac;}
span.history-label {font-weight: bold;}
span.history-text {}

/* Style information for the status bar */
div.status { float: left;
             width: 100%;
             margin-top: 2pt;
             text-align: right;
             color: #8ac;
             background-color: #468;
             font-weight: bold;
}
div.status p { padding: 0.1em 0.5em;
               margin: 0;
}
div.status a { color: #fff;
               text-decoration: none;
               padding: 0.1em 0.5em;
               font-weight: normal;
}
div.status a:hover { color: #000;
                     background-color: #8ac;
}
div.histogram { background-color: #8ac;
}
div.histogram-remaining {background-color: #ca8;
}
div.histogram-complete {background-color: #aec;
}
form.noBorder { border: 0;
                padding: 0;
                margin: 0;
                display: inline;    
}

